<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>运营商在线服务</title>
        <link href="css/experiment.css" rel="stylesheet">
    </head>
    <body>
        <div class="outer">
            <div class="total-title">运营商在线服务</div>
            <div class="up">
                <div class="left">
                    <div class="item">
                        <div class="up-title">
                            日均工单量
                        </div>
                        <div class="down-title">
                            16515
                        </div>
                    </div>
                    <div class="item">
                        <div class="up-title">
                            月度工单量
                        </div>
                        <div class="down-title">
                            495447
                        </div>
                    </div>
                    <div class="item">
                        <div class="up-title">
                            年度工单量
                        </div>
                        <div class="down-title">
                            3963572
                        </div>
                    </div>
                </div>
                <div class="mid map"></div>
                <div class="right">
                    <div class="item">
                        <span>区域服务效率-云南</span>
                        <div class="efficiency1"></div>
                    </div>
                    <div class="item">
                        <span>区域服务效能-云南</span>
                        <div class="efficiency2"></div>
                    </div>
                </div>
            </div>
            <div class="down">
                <div class="item">
                    <div class="title">云南</div>
                    <div class="up">
                        <div class="item">
                            <div class="up-title">申告量</div>
                            <div class="down-title">683410</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均效能</div>
                            <div class="down-title">2371</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均申报率</div>
                            <div class="down-title">12.50%</div>
                        </div>
                    </div>
                    <div class="down yunnan"></div>
                </div>
                <div class="item">
                    <div class="title">甘肃</div>
                    <div class="up">
                        <div class="item">
                            <div class="up-title">申告量</div>
                            <div class="down-title">614545</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均效能</div>
                            <div class="down-title">1961</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均申报率</div>
                            <div class="down-title">12.5%</div>
                        </div>
                    </div>
                    <div class="down gansu"></div>
                </div>
                <div class="item">
                    <div class="title">广东</div>
                    <div class="up">
                        <div class="item">
                            <div class="up-title">申告量</div>
                            <div class="down-title">1807049</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均效能</div>
                            <div class="down-title">947</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均申报率</div>
                            <div class="down-title">12.5%</div>
                        </div>
                    </div>
                    <div class="down guangdong"></div>
                </div>
                <div class="item">
                    <div class="title">广西</div>
                    <div class="up">
                        <div class="item">
                            <div class="up-title">申告量</div>
                            <div class="down-title">106360</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均效能</div>
                            <div class="down-title">898</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均申报率</div>
                            <div class="down-title" style="color: red">33.3%</div>
                        </div>
                    </div>
                    <div class="down guangxi"></div>
                </div>
                <div class="item">
                    <div class="title">新疆</div>
                    <div class="up">
                        <div class="item">
                            <div class="up-title">申告量</div>
                            <div class="down-title">752208</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均效能</div>
                            <div class="down-title">94026</div>
                        </div>
                        <div class="item">
                            <div class="up-title">平均申报率</div>
                            <div class="down-title">12.5%</div>
                        </div>
                    </div>
                    <div class="down xinjiang"></div>
                </div>
            </div>
            <div class="map-tip">
                <div class="map-title"></div>
                <div class="map-container"></div>
            </div>
        </div>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script src="./js/echarts.min.js"></script>
        <script src="https://www.makeapie.com/dep/echarts/map/js/china.js"></script>
        <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=3GBDVezdN6lmtX0H6NGIzIhGUEXyE1CM"></script>
        <script src="js/experiment.js"></script>
        <script src="./js/index.js"></script>
    </body>
</html>
